<template>
    <el-row style="">
        <el-card class="box-card" style="height:250px">
            <div slot="header" class="clearfix my-el_header">
                <span style="font-size:16px">项目详情</span>
            </div>

            <el-row>
                <el-col :span="11" v-for="(o,index) in projectDetail" :key="'projectDetail'+index" class="text item" style="margin:8px;font-size:14px">
                    <el-col :span="6">
                        {{o.colLabel +':'}}
                    </el-col>
                    <el-col :span="18">
                        {{o.projectName}}
                    </el-col>
                </el-col>
            </el-row>
        </el-card>
    </el-row>

</template>

<script>
// 项目详情组件
export default {
    name: "projectDetail",
    // mixins: [mixin_list],
    data() {
        return {
            projectDetail: [
                { colLabel: '项目名称', projectName: '柜图自动生成' },
                { colLabel: '项目级别', projectName: '1级' },
                { colLabel: '计划开始', projectName: '2020-02-15' },
                { colLabel: '预计工时', projectName: '30/人天' },
                { colLabel: '项目说明', projectName: '鼎信消防根据销售申请单自动生成柜图' },
                { colLabel: '项目类型', projectName: '软件研发' },
                { colLabel: '计划结束', projectName: '2020-03-31' },
                { colLabel: '项目项目预算', projectName: '￥30000' },
                { colLabel: '备注', projectName: '项目复杂度较高，难度较大' }
            ]
        }
    },

    methods: {},
    created() { }
}
</script>

<style  scoped>
</style>
